/* 
    Document   : defaul_layout.css
    Created on : 06-22-2010, 08:51:44 PM
    Author     : Steve
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* <!-- */
/* General styles */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    /*width:100%;*/
    /*background:#49859E;*/
    background-color: #204C58;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
    /* The min-width property does not work in old versions of Internet Explorer */
    /*font-size:90%;*/
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
}
/*a {
    color:#369;
}
a:hover {
    color:#fff;
    background:#369;
    text-decoration:none;
}
h1, h2, h3 {
    margin:.8em 0 .2em 0;
    padding:0;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
img {
    margin:10px 0 5px;
}*/
/* Header styles */
/*#header {
    clear:both;
    float:left;
    width:100%;
    padding: 0px;
}*/

#header {
    background-image: url(/conceptosd/img/encabezado.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #2F6F80;
    height: 120px;
    clear:both;
    padding: 0px;
    margin: 0px;
}

.menu{
    /*background-color: #49859E;*/
    background-color: #204C58;
    height: 35px;
    margin-left: 5px;
}

.flashdiv{
    clear: both;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 0 0;
    background: #c73e14;
    padding: 5px;
    width: 100%;
    border-collapse: collapse;
}
.flashdiv td{
    background: #c73e14;
}

.flashdiv span{
    display: inline-block;
    height: 32px;
}

.layout{
    /*display: table;*/
    display: block;
    margin-top: 10px;
    width: 100%;
}
.contenedor_principal{
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;    
    /*padding-bottom:80px;*/
    overflow: hidden;
    /*width: 100%;*/
    color: #000000;
    background-color: #FFFFFF;
    /*display: table-row-group;*/

}

.contenido{
    margin-left: 220px;
    padding: 5px;
    vertical-align: top;
    margin: 5px;
    background-color: #FFFFFF;
    /*width: 100%;*/
    overflow: scroll;
    /*border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #49859E;*/
    /*display: table-cell;*/
    /*overflow: visible;*/
    /*padding-bottom: 32767px;
    margin-bottom: -32767px;*/
}

.panel_izquierdo{    
    float: left;
    width: 200px;
    background-color: #EFFBFF;
    padding: 5px;
    position: relative;
    min-height: 300px;
    /*display: table-cell;*/
    /*padding-bottom: 32767px;
    margin-bottom: -32767px;*/
}

.panel_izquierdo ul{
    list-style: none;    
}
.panel_izquierdo ul,li{
    margin-left: 0px;
    width: 100%;
}
.panel_izquierdo a{
    color: #000000;
    background-color: #FFE2A8;
    display: inline-block;
    padding: 4px;
    margin: 3px;
    width: 90%;
    text-decoration: none;
    border-color: #FFC448;
    border-width: 2px;
    border-style: outset;
    text-align: center;
}

.panel_izquierdo a:hover{
    background-color: #EFD5A4;

}




/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
    color: #000000;
}
/* 2 column left menu settings */
.leftmenu {
    background:#81B9CF;
}
.leftmenu .colright {
    float:left;
    width:200%;
    position:relative;
    left:200px;
    background:#fff;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:185px;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}

.login_panel{
    float: right;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    color: #FFFFFF;
    background-color: #2B6675;
    border-width: 0px 0px 2px 2px;
    border-style: solid;
    border-color: #204C58;
}
.login_panel a{
    font-weight: bold;
    /*padding-left: 20px;*/
    color: #FFAD1F;
    text-decoration: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.login_panel a:hover{
    color: #DE8F42;
    text-decoration: underline;
}
/* --> */

.search{
    display: block;
    margin-left: 15px;
}

.search label{
    display: inline;
    margin-left: inherit;
}

.search input[type='text']{
    margin-left: inherit;
    width: 65%;
}
.search input[type='submit']{
    margin-left: inherit;
}

.search a{
    margin-left: inherit;
}





.tabla_reporte{
    background-color: #ffffff;
    color: #000000;
}